<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<c:set var="title" value="酒店列表" scope="request" />
<jsp:include page="/head.jsp" />
</head>
<body>
	<c:import url="/news-class.do?mb=header" />

	<div class="hotel-info-body">
		<div class="info-1 info-body">
			<ul class="nav nav-pills nav-justified"
				style="background-color: white;">
				<li role="presentation" class="active"><a>酒店列表</a></li>
			</ul>
		</div>
		
		<div class="info-2 info-body">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 id="maue1" class="panel-title">酒店信息</h3>
				</div>				
				<div class="panel-body">
			      <!-- hotleshow-lan：横向栏 -->
			    <c:forEach items="${hotelList}" var="shop" >
			        <div class="hotleshow-lan">
				      <div class="modal fade bs-example-modal-lg${shop.id}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" style="display: none;">
							<div class="modal-dialog modal-lg" role="document">
								<div class="modal-content">
									<img data-src="holder.js/100%x180" alt="100%x180" style="height: 100%; width: 100%; display: block;" src="${shop.img[0]}" data-holder-rendered="true">
								</div>
							</div>
						</div>
				        <div class="thumbnail">
				          <a style="padding:none; background-image: linear-gradient(white, white, white); border-color:white;" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg${shop.id}">
				          	<img data-src="holder.js/100%x200" alt="100%x200" src="${shop.img[0]}" data-holder-rendered="true" style="height: 200px; width: 100%; background-color:white; display: block;">
				          </a>
				          <div class="caption">
				            <h3>${shop.shopName }</h3>
				            <p>${shop.shopMemo }</p>
				            <p><a href="hotel-info.html?id=${shop.id}" style="float: right;" class="btn btn-primary" role="button">查看酒店</a> </p>
				          </div>
				        </div>
				      </div>
					</c:forEach> 
			      </div>
			</div>
		</div>

	</div>

	<jsp:include page="/footer.jsp" />
</body>
</html>
